<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
<nz-card>
  <nz-tabset [nzTabBarExtraContent]="extraTemplete"  (nzSelectChange)="change($event)">
    <nz-tab nzTitle="全部"></nz-tab>
    <!--<nz-tab nzTitle="路桥"></nz-tab>-->
    <!--<nz-tab nzTitle="保险"></nz-tab>-->
    <!--<nz-tab nzTitle="保养"></nz-tab>-->
    <!--<nz-tab nzTitle="还款"></nz-tab>-->
  </nz-tabset>
  <ng-template #extraTemplete>
    <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>转到提醒总表</button>
  </ng-template>

 <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="32">
      <!-- <nz-col nzMd="6" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <nz-range-picker placeholder="选择日期" name="cdate" [nzFormat]="'yyyy-MM-dd'" [(ngModel)]="q.dateRange"
                             (ngModelChange)="dateChange($event)"></nz-range-picker>
          </nz-form-control>
        </nz-form-item>
      </nz-col> -->
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入姓名" [(ngModel)]="q.ntName" name="ntName">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入订单编号" [(ngModel)]="q.orderNo" name="orderNo">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <!-- <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-label nzFor="searchProvince">提醒类型</nz-form-label>
          <nz-form-control>
            <nz-select [(ngModel)]="q.ntType" name="ntType" id="ntType" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
              <nz-option nzLabel="商业保险" nzValue="商业保险"></nz-option>
              <nz-option nzLabel="交强保险" nzValue="交强保险"></nz-option>
              <nz-option nzLabel="违章" nzValue="违章"></nz-option>
              <nz-option nzLabel="月供" nzValue="月供"></nz-option>
              <nz-option nzLabel="年检" nzValue="年检"></nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入提醒状态" [(ngModel)]="q.ntStatus" name="ntStatus">
          </nz-form-control>
        </nz-form-item>
      </nz-col> -->
        <nz-col nzMd="3" nzSm="24">
            <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </nz-col>
    </nz-row>
  </form>
</nz-card>

<simple-table #st
  [columns]="columns"
  [data]="url"
  [ps]="ps"
  [extraParams]="q"
  [resReName]="{total:'total',list:'data'}"
  [reqReName]="{pi:'pageNumber',ps:'pageSize'}"
  toTopInChange
  [showTotal]="true"
  [showPagination]="true"
  [showSizeChanger]="true"
  [scroll]="{x:'1300px'}"
  (checkboxChange)="checkboxChange($event)"
  >
</simple-table>

</nz-spin>
